<template>

    <view class="classLayout pageBg">
        <custom-nav-bar title='分类'></custom-nav-bar>
        <view class="classify">
            <theme-item v-for="item in clsaaify" :key="item._id" :classify="item"></theme-item>

        </view>
    </view>

</template>

<script setup>
    import {onShareAppMessage,onShareTimeline} from '@dcloudio/uni-app'
    import {apiGetClsaaify} from '../../api/apis.js'
    const clsaaify = ref([])
    const getClsaaify = async () => {
        const res = await apiGetClsaaify({
            pageSize: 20
        })
        clsaaify.value = res.data
    }
    getClsaaify()
    
    onShareAppMessage((e) => {
        return {
            title: '心如壁纸',
            path: '/pages/classify/classify',
    
        }
    })
    onShareTimeline(() => {
        return {
            title: '心如壁纸',
            imageUrl:'/static/images/xinrubizilogo.jpg'
        }
    })
</script>

<style lang="scss" scoped>
    .classLayout {
        .classify {
            padding: 30rpx;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 15rpx;
        }

    }
</style>